<!DOCTYPE html>
<html lang="zxx" xmlns:bold="http://www.w3.org/1999/xhtml"><head>
    <title>Home</title>
    <!--音乐插件-->
    <!--<embed src="../sc/music.mp3"  autostart="true" loop="true" type="video/mp4"/>-->
    <!--<audio controls autoplay="autoplay" muted>
        <source src="../sc/music.mp3" type="audio/mpeg">
    </audio>-->
    <!--<video  autoplay="autoplay" >
        <source src="../sc/music.mp3" type="video/mp4">
    </video>-->
    <!--<embed class="videoPlay" src="../sc/music.mp3" type="video/mp4" autostart="true" />-->
    <embed id="embed_sound_id" src="./sc/servn.mp3" type="audio/x-wav" autostart="true" width="0" height="0" loop="false"/>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="./ElementUI/index.css">
    <script src="./ElementUI/vue.js"></script>
    <script src="./ElementUI/index.js"></script>
    <script src="./plugins/healthmobile.js"></script>

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Meta tag Keywords -->
    <!-- css files -->
    <link rel="stylesheet" href="./sc/style.css" type="text/css" media="all">
    <!-- Style-CSS -->
    <link rel="stylesheet" href="./sc/fontawesome-all.css">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->
    <!-- web-fonts -->
    <link href="./sc/css" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
    <!-- //web-fonts -->
    <style>
        .el-carousel__item h3 {
            color: #475669;
            font-size: 14px;
            opacity: 0.75;
            line-height: 200px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
        .sy{
            font-size: 18px;
            font-weight:bold;
        }
    </style>
</head>

<body>
<!-- bg effect -->
<div id="bg">
    <canvas width="1519" height="154"></canvas>
    <canvas width="1519" height="154"></canvas>
    <canvas width="1519" height="154"></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<div class="sy" align="right">
    <a href="./pages/login.do"><font color="white">Login&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></a>
</div>
<h1>Seven Group</h1>
<!-- //title -->
<!-- content -->
<div id="app">
    <el-container>
        <!-- 主区域部分 -->
        <el-main>
            <template>
                <el-carousel :interval="4000" type="card" height="415px">
                    <el-carousel-item v-for="item in imgList" :key="item.id">
                        <img :src="item.idView" class="image">
                    </el-carousel-item>
                </el-carousel>
            </template>
        </el-main>
    </el-container>
    </el-container>
</div>
<!-- //content -->

<!-- copyright -->
<div class="footer">
  <!--  <p>Copyright © 2018.Company name All rights reserved.</p>-->
</div>
<!-- //copyright -->

<!-- Jquery -->
<script src="./sc/jquery-3.3.1.min.js"></script>
<!-- //Jquery -->

<!-- effect js -->
<script src="./sc/canva_moving_effect.js"></script>
<!-- //effect js -->

<!--音乐插件-->
<embed src="./sc/servn.mp3"  autostart="true" loop="true" type="video/mp4"/>

</body>
<script>
    new Vue({
        el: "#app",
        data:{
            activeIndex: '1',
            activeIndex2: '1',
            imgList: [
                {id:0,idView:'../img/1.jpg'},
                {id:1,idView:'../img/2.jpg'},
                {id:2,idView:'../img/3.jpg'},
                {id:3,idView:'../img/4.jpg'},
                {id:4,idView:'../img/5.jpg'}
            ],
            value: 3.7
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        },
    })
</script>
</html>